var app = getApp();
Page({

  /**
   * 页面的初始数据
   */
  data: {
    //下拉的label文字
    areas_label: '区域',
    price_label: '价格',
    sufix_label: '面积',
    room_label: '户型',
    //搜索字段
    keyword: '',
    areas: '',
    min_price: 0,
    max_price: 0,
    min_sufix: 0,
    max_sufix: 0,
    room: 0,
    rent_type: 2,
    //当前选中的下拉项
    currentIndex: 0,
    //搜索下拉选项
    search_areas: {},
    search_price: {},
    search_sufix: {},
    search_room: {},
    //房源列表
    houselist: {},
    page: 1,
    islast: false,
    istotal: false
  },
  /**
   * 切换搜索条件的下拉
   */
  chagetab: function (e) {
    const data = e.currentTarget.dataset;
    const self = this;
    if (self.data.currentIndex == data.index) {
      data.index = 0;
    }
    self.setData({ "currentIndex": data.index });

  },
  /**
   * 点击搜索下拉项目的事件
   */
  search_nav: function (e) {
    var data = e.currentTarget.dataset;
    var label = data.label;
    var show = { areas: '区域', price: '价格', sufix: '面积', room: '户型' };
    if (data.label == '不限制') {
      label = show[data.index];
    }
    if (data.type == 1) { //价格 和户型区间
      var tt = data.txt.split("-");
    } else if (data.type == 0) { //区域 户型
      var tt = data.txt;
    }
    if (data.index == 'price') {
      this.setData({ min_price: tt[0], max_price: tt[1], price_label: label });
    } else if (data.index == 'sufix') {
      this.setData({ min_sufix: tt[0], max_sufix: tt[1], sufix_label: label });
    } else if (data.index == 'areas') {
      this.setData({ areas: tt, areas_label: label });
    } else if (data.index == 'room') {
      this.setData({ room: tt, room_label: label });
    }
    /**初始化搜索条件 */
    this.setData({
      "currentIndex": 0,
      "houselist": [], "page": 1,
      "islast": false, "istotal": false
    });
    this.search_house();
  },
  /**
   * 获取搜索的参数
   */
  search_params: function () {
    const self = this
    app.util.request({
      'url': 'entry/wxapp/searchkey',
      data : {type:2},
      'cachetime': '30',
      success(res) {

        /**处理数据 */
        console.log(res);
        self.setData({
          search_areas: res.data.data.areas,
          search_price: res.data.data.price,
          search_sufix: res.data.data.sufix,
          search_room: res.data.data.room

        });
      }
    })
  },
  /**
   * 发送查询参数 ，返回结果了列表
   */
  search_house: function () {
    const self = this;
    self.data.islast = true;
    app.util.request({
      'url': 'entry/wxapp/search',
      'cachetime': '30',
      data: {
        area: self.data.areas,
        minprice: self.data.min_price,
        maxprice: self.data.max_price,
        minsufix: self.data.min_sufix,
        maxsufix: self.data.max_sufix,
        room: self.data.room,
        keyword: self.data.keyword,
        page: self.data.page,
        rent_type: self.data.rent_type
      },
      success(res) {
        /**如果还有数据可以继续分页查询更多 */ 
        if (res.data.data.length > 0) {
          self.setData({ istotal: false });;
        } else {
          self.setData({ istotal: true });
        }

        /**处理数据 */
        var house = self.data.houselist;
        if (self.data.page > 1) {
          house = house.concat(res.data.data);
          console.log('contact');
        } else {
          house = res.data.data;
        }

        self.setData({
          houselist: house
        });
      }
    })
  },
  /**
   * 搜索框失去焦点 改变keyword
   */
  search_keyword: function (e) {
    this.setData({ keyword: e.detail.value });
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {

    const self = this;
    // 页面渲染完成

    self.search_params();
    self.search_house();
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {
    const self = this;
    app.util.footer(self);
    wx.getStorage({
      key: 'shop',
      success: function (res) {
        wx.setNavigationBarTitle({
          title: res.data.shopname + '租房',
        })
      },
    })
  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {
    if (!this.data.istotal) {
      this.data.page = this.data.page + 1;
      this.search_house();
    }  
  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})